import { Link, Typography } from '@mui/material';

import { BRANDING } from '../../constants/branding';

const FaqsContent = () => {
    return (
        <>
            <Typography variant="h4" sx={{ fontWeight: 600 }}>
                I. Connecting the Metamask Wallet
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                1. How to request whitelisting of my Metamask wallet?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        Email us at <Link href={`mailto:${BRANDING.EMAIL}`}>{BRANDING.EMAIL}</Link>{' '}
                        or reach out to your Account Manager.
                    </li>
                </ul>
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                2. Can I request updating my credentials in the future?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        Yes, we can update your email and/or the associated Metamask wallet. You can
                        submit a request at{' '}
                        <Link href={`mailto:${BRANDING.EMAIL}`}>{BRANDING.EMAIL}</Link> or reach out
                        to to your Account Manager.
                    </li>
                </ul>
            </Typography>
            <br />

            <Typography variant="h4" sx={{ fontWeight: 600 }}>
                II. CSV File Upload
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                1. Is there a limit to the Total amount of disbursement?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        There is no limit on how much the total disbursement can be as long as it's
                        paid sufficiently and the number of transactions is within the threshold.
                    </li>
                </ul>
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                2. What is the threshold for the CSV’s Total number of transactions for each
                disbursement?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        You can upload a CSV with a maximum of up to 50,000 transactions for a
                        single disbursement.
                    </li>
                </ul>
            </Typography>
            <br />

            <Typography variant="h4" sx={{ fontWeight: 600 }}>
                III. Payment for the disbursement
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                1. What if my payment of disbursement to XLD’s Ronin wallet address is overpaid?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        There is no limit on how much the total disbursement can be as long as it's
                        paid sufficiently and the number of transactions is within the threshold.
                    </li>
                </ul>
            </Typography>
            <br />
            <Typography variant="subtitle1" className="ms-3">
                2. What is the threshold for the CSV’s Total number of transactions for each
                disbursement?
                <ul className="ms-3">
                    <li style={{ fontWeight: 600 }}>
                        You can upload a CSV with a maximum of up to 50,000 transactions for a
                        single disbursement.
                    </li>
                </ul>
            </Typography>
            <br />
        </>
    );
};

export default FaqsContent;
